<%--
  Created by IntelliJ IDEA.
  User: 24284
  Date: 2022/5/3
  Time: 9:17
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>login</title>

  <link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css">
  <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
  <script type="text/javascript">
    $(function(){
      $("#code_img").click(function(){
        this.src="${pageContext.request.contextPath}/Kaptcha.jpg?d="+new Date();
      });
    });
  </script>

</head>

<body>
<div class="container" id="container">
  <div class="form-container sign-up-container">
    <form action="${pageContext.request.contextPath}/register" method="post">
      <div><input type="text" placeholder="请输入用户名" name="name"/></div>
      <div>
        <label><input class="form_sex" type="radio" name="sex" checked="checked" value="男">男 </label>
        <label><input class="form_sex" type="radio" name="sex" value="女">女</label>
      </div>
      <div><input type="test" placeholder="请输入年龄" name="age"></div>
      <div><input type="password" placeholder="请输入密码" name="password"/></div>
      <div><input type="password" placeholder="确认密码" name="repassword"/></div>
      <div><input type="text" placeholder="请输入邮箱" name="email"/></div>
      <div><input type="text" name="code" style="width: 49%;margin-right: 10px;" placeholder="请输入验证码"><img id="code_img" style="width: 45%;vertical-align: middle; " src="${pageContext.request.contextPath}/Kaptcha.jpg" alt=""></div>
      <input class="submit" type="submit" value="注册">
    </form>
  </div>
  <div class="form-container sign-in-container">
    <form action="${pageContext.request.contextPath}/login">
      <input type="hidden" name="action" value="login">
      <h1>登录</h1>
      <br><br>
      <input type="text" name="name" placeholder="请输入用户名">
      <input type="password" name="password" placeholder="请输入密码">
      <div>
        <label><input class="form_sex" type="radio" name="system" checked="checked" value="user">用户页面</label>
        <label><input class="form_sex" type="radio" name="system" value="root">后台管理</label>
      </div>
      <br>
      <input class="submit" type="submit" value="登录">
    </form>
  </div>
  <div class="overlay-container">
    <div class="overlay">
      <div class="overlay-panel overlay-left">
        <h1>欢迎回来！</h1>
        <p>请您先登录的个人信息，进行操作。</p>
        <button class="ghost" id="signIn">登录</button>
      </div>
      <div class="overlay-panel overlay-right">
        <h1>你好朋友！</h1>
        <p>输入您的个人信息注册成为会员。</p>
        <button class="ghost" id="signUp">注册</button>
      </div>
    </div>
  </div>
</div>


<script  src="${pageContext.request.contextPath}/js/index.js"></script>

</body>

</html>

